<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>注册页面</title>
  <!-- weUi -->
  <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>

<body>
  <main>
    <div class="container">
      <p class="mt20 login-text">
        <a href="login.html">密码登录</a>
      </p>
      <h1 class="login-reg-text cfff mt20 f28">
        手机号登录/注册
      </h1>
      <p class="good-friend">
        快速找到好友, 一站式记录你的运动
      </p>
      <div class="mt20">
        <input type="text" class="ipt" placeholder="请输入电话号码" id="account">
      </div>
      <div class="mt20">
        <div class="code">
          <input type="text" class="ipt" placeholder="请输入验证码" id="code">
          <!-- 验证码 -->
          <p>
            <canvas width="118" height="50" id="captcha1"></canvas>
          </p>

        </div>
      </div>
      <div class="mt20">
        <input type="password" class="ipt" placeholder="请设置密码" id="pwd">
      </div>
      <div class="mt20">
        <input type="password" class="ipt" placeholder="再次输入密码" id="pwd02">
      </div>
      <div class="mt20">
        <button class="ipt" id="regBtn">账号注册</button>
      </div>
      <p class="mt20 p">
        <a href="#"><i class="iconfont icon-circle cfff wechat"></i>微信注册</a>
      </p>
      <p id="errMsg" class="mt20">
      </p>
    </div>
    <h6>- HOLD ON -</h6>
    <div role="alert" id="toast" style="display: none;">
      <div class="weui-mask_transparent"></div>
      <div class="weui-toast">
          <i class="weui-icon-success-no-circle weui-icon_toast"></i>
          <p class="weui-toast__content">已完成</p>
      </div>
  </div>
  </main>







  <!-- weUi -->
  <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
  
</body>

</html>